---
slug: /plugins/kbd
title: Keyboard Input
---

### `createKbdPlugin`

```ts live
() => {
  const ToolbarKbd = () => {
    const editor = useStoreEditorRef(useEventEditorId('focus'));

    return (
      <ToolbarMark
        type={getPlatePluginType(editor, MARK_KBD)}
        icon={<Keyboard />}
      />
    );
  };

  const plugins = [
    ...pluginsBasic,
    createKbdPlugin(),
  ];

  return (
    <>
      <HeadingToolbar>
        <ToolbarKbd />
      </HeadingToolbar>
      <Plate
        id="kbd"
        plugins={plugins}
        components={components}
        options={options}
        editableProps={editableProps}
        initialValue={initialValueKbd}
      />
    </>
  );
}
```